import { createRouter, createWebHashHistory } from 'vue-router'
import Intuoduce from '../views/Intuoduce.vue'
const routes = [
  {
    path: '/',
    name: 'Intuoduce',
    component: Intuoduce
  },
  {
    path: '/home',
    name: 'Home',
    component: () => import('../views/Home.vue'),
	children:[
		{path: '/main',name: 'Main',component: () => import('../views/Main.vue')},
		{path: '/online',name: 'Online',component: () => import('../views/Online.vue')},
		{path: '/detailpage',name: 'DetailPage',component: () => import('../components/DetailPage.vue')},
		{path: '/meattype',name: 'MeatType',component: () => import('../views/MeatType.vue')},
		{path: '/wheatentype',name: 'WheatenType',component: () => import('../views/WheatenType.vue')},
		{path: '/vegetabletype',name: 'VegetableType',component: () => import('../views/VegetableType.vue')},
		{path: '/login',name: 'Login',component: () => import('../views/Login.vue')},
		{path: '/logon',name: 'Logon',component: () => import('../views/Logon.vue')},
		{path: '/userinfo',name: 'UserInfo',component: () => import('../views/UserInfo.vue')},
		{path: '/password',name: 'Password',component: () => import('../views/Password.vue')},
		{path: '/about',name: 'About',component: () => import('../views/About.vue')},
		{path: '/homefood',name: 'Homefood',component: () => import('../components/Video.vue')},
		{path: '/specialfood',name: 'Specialfood',component: () => import('../components/Video.vue')},
		{path: '/traditionalfood',name: 'Traditionalfood',component: () => import('../components/Video.vue')},
	]
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
